//li标签的排他思想
//获取这个ul添加点击事件
document.querySelector('.middle_middle').addEventListener('click', function (e) {
    if (e.target.tagName === 'LI') {
        //删除这个
        const a = document.querySelector('.purple')
        a.classList.remove('purple')
        e.target.classList.add('purple')
    }
})
//渲染页面
//str加等于是凭借成字符串了,

for (let i = 0; i < 10; i++) {
    document.querySelector('.footer11').innerHTML += ` 
    <div class="structure">
   <div class="structure_shang">
    <span class="iconfont icon-gongsi"></span>
    <p>结构项目</p>
   </div>
   <div class="pu">我们的公司是最好的公司</div>
    <div class="structure_xia">
    <div class="structure_l">
        查看详情
    </div>
    <div class="structure_r">
        快捷操作
    </div>

</div>
</div>
`
}